<!DOCTYPE HTML>
<!--
	Eventually by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Sync-Sofa - Main</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" href="assets/css/main.css" />
        <style>
            img {
              display: block;
              margin-left: auto;
              margin-right: auto;
            }
        </style>  
    </head>
	<body class="is-preload">
			<header id="header">
                <img src="/images/logo.png" style="width:35%;" />
			</header>
			<form id="mainform" autocomplete="off">
				<input type="text" id="inputbox"/>
                <!-- <input type="submit" value="REQUEST CONNECT CODE" id="requestbutton" style="display:block"/> -->
				<input type="submit" value="START" id="startbutton" style="display:block"/>
				<input type="submit" value="STOP" id="stopbutton"/>
				<input type="submit" value="OPEN CHAT" id="chatbutton"/>
				<!-- <input type="submit" value="CANCEL" id="cancelbutton" style="display:none"/> -->
				<!-- <input type="submit" value="MEET/CHAT" id="mtctbutton" /> -->
			</form>

			<ul class="icons" id="footerbuttons" style="display:block">
				<!-- <li><a title="Guidance" href="/help.html" class="icon solid fa-question-circle" target="popup"><span class="label"></span></a></li> -->
				<li><a title="Support us" href="/donate.html" class="icon solid fa-donate"></a></li>
				<li><a title="Feedback" href="mailto:syncsofa@gmail.com" class="icon solid fa-comment" target="_blank" rel="noopener noreferrer><span class="label"></a></li>
				<li><a title="Setting" href="/options.html" class="icon solid fa-cog" target="_blank" rel="noopener noreferrer><span class="label"></a></li>
				<li><a title="Project repo" href="https://github.com/LouisYLWang/Sync-Sofa" class="icon brands fa-github-alt" target="_blank" rel="noopener noreferrer"></a></li>
			</ul>
	</body>
	
	<script src="assets/js/main.js"></script>
	<script src="popup.js"></script>
</html>